/* components/home-select/index.wxss */
.custom-select-box {
  display: flex;
  align-items: center;
  position: relative;
  .hidden {
    visibility: hidden;
    opacity: 0;
    transform: scale(0.5);
  }
  .show {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
  }
  .select-container {
    transition: 400ms;
    position: absolute;
    top: 58rpx;
    left: 0;
    width: 170rpx;
    z-index: 9;
    // min-width: 100rpx;
    .row-box {
      position: absolute;
        z-index: 2;
        left: 30%;
        top: -15rpx;
        transform: translateX(-50%) rotate(-45deg);
        content: '';
        width: 25rpx;
        height: 25rpx;
        background-color: #fff;
        box-shadow: inset -5rpx 5rpx 5rpx 0rpx rgba(212, 212, 212, 0.2);
    }
    .select-pop{
      display: flex;
      z-index: 1;
      background-color: #fff;
      box-shadow: 0 0 5rpx 5rpx rgba(212, 212, 212, 0.2);
      border-radius: 6rpx;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      .select-content {
        padding: 8rpx 0;
        width: 100%;
        color: #666666;
        .item-box {
          margin: 8rpx 0;
          width: 100%;
          text-align: center;
          font-size: 28rpx;
        }
        .click-item {
          color: #faab41;
        }
      }
    }
  }
  .full-screen-box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    // background-color: rgb(216, 27, 27);
    z-index: 8;
  }
}

.click {
  color: #faab41;
}

.text {
  display: inline-block;
}

.iconClass {
  margin: 4rpx 6rpx;
  vertical-align: middle;
  display: inline-block;
  transform-origin:50% 50%;
  transition: 400ms;
}